@imgUrl:'./img/tinified/';
.panel {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    z-index: 99999;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    .p-c {
        position: relative;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 5.55rem;
        min-height: 2.71rem;
        background: url('@{imgUrl}tippanel.png') no-repeat;
        background: 100% 100%;
        z-index: 999;
        padding: 0.2rem;
        p {
            color: #114e78;
            font-size: 0.3rem;
            text-align: center;
            line-height: 1.5em;
        }
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #fff;
        }
        .btn {
            display: inline-block;
            width: 3.52rem;
            height: 0.74rem;
        }
        .close {
            position: absolute;
            display: inline-block;
            bottom: -1.2rem;
            width: 0.59rem;
            height: 0.59rem;
            background: url("@{imgUrl}sprite.png") no-repeat -5.72rem -.97rem;
            background-size: 6.4rem
            /* 640/100 */
            /* 1136/100 */
            11.36rem;
        }
    }
    .flow-l {
        position: absolute;
        display: inline-block;
        width: 1.72rem;
        height: 0.77rem;
        left: -0.32rem;
        bottom: 0.34rem;
        background: url("@{imgUrl}flow-l.png") no-repeat;
        background-size: 1.72rem 0.77rem;
    }
    .flow-r {
        position: absolute;
        display: inline-block;
        width: 1.19rem;
        height: 0.55rem;
        right: -0.32rem;
        top: 0.2rem;
        background: url("@{imgUrl}flow-r.png") no-repeat;
        background-size: 1.19rem 0.55rem;
    }
}

.btn {
    width: 2.71rem;
    height: 0.72rem;
    margin: 0 auto;
    background: url("@{imgUrl}btn.png") no-repeat;
    background-size: 2.71rem 0.72rem;
}

.onechange,
.un-selected,
p,
span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
